
var Content=React.createClass({displayName: "Content",
	render:function(){
		var options=this.props.options,
			socialAccount=options.socialAccount,
			contentData=options.contentData || [
				{
					id:1,
					name:'居委会夜袭计划书',
					logo:'images/ju.jpg',
					description:'计划深夜12点突袭菜市场，本次行动将由居委会骑士团领导，队伍由居委会骑兵20人，重装步兵100人，广场舞治疗师5人，居委会实习生200人以及西十楼至西二十楼雇佣兵100人组成。骑士团正面进攻的同时派出居委会刺客暗杀菜市场帮主。',
					date:'2016年4月11日',
					photos:'77007',
					users:'21000'
				},
				{
					id:2,
					name:'菜市场征兵令',
					logo:'images/cai.jpg',
					description:'昨夜西郊菜市场被卑鄙的居委会袭击，据点被占领，帮主老刘战死。现发布征兵令招募各省亲朋好友，组成复仇团，与菜市场西部军团合力对居委会展开复仇。参与者请到西部大本营老胡处领取菜市场战斗服一套，咸鱼匕首两把及十枚鸡蛋手雷...',
					date:'2016年4月11日',
					photos:'183572',
					users:'89261'
				},
				{
					id:3,
					name:'通缉令——老陈',
					logo:'images/ju.jpg',
					description:'通缉：菜市场老陈。特征：手持两把大葱刀，味道很重，方圆5公里内就可闻到。请将老陈双葱带到西城居委会进行鉴定。赏金：5000元。',
					date:'2016年4月11日',
					photos:'67089',
					users:'20134'
				},
				{
					id:4,
					name:'悬赏：居委会吴主任',
					date:'2016年4月11日',
					photos:'210541',
					users:'199672'
				}
			];

		return (
			React.createElement("div", null, 
				React.createElement("section", {className: "content-header"}, 
					React.createElement("h1", null, "照片墙列表", React.createElement("small", null, socialAccount.name), React.createElement("a", {className: "pull-right", href: "edit.html"}, "新建照片墙"))
				), 
				React.createElement("div", {className: "content"}, 
		            React.createElement("div", {className: "row"}, 
		                React.createElement("div", {className: "col-md-12"}, 
		                    contentData.map(function(i,index){
		                    	return React.createElement(WallCard, {key: index, data: i})
		                    }), 
							React.createElement("div", {className: "wall_item wall_add col-lg-3 col-md-4 col-sm-6 col-xs-12"}, 
								React.createElement("a", {href: "edit.html", className: "box box-solid bg-light-blue"}, 
									React.createElement("div", {className: "box-body"}, 
										React.createElement("div", {className: "icon-plus"}), 
										React.createElement("h4", null, "新建照片墙")
									)
								)
							)
		                )
		            )
		        )
	        )
		)
	}
});

var WallCard=React.createClass({displayName: "WallCard",
	render:function(){
		var data=this.props.data;

		return (
			React.createElement("div", {className: "wall_item col-lg-3 col-md-4 col-sm-6 col-xs-12"}, 
				React.createElement("div", {className: "box box-solid"}, 
					React.createElement("div", {className: "box-header"}, 
						React.createElement("h4", null, data.logo?React.createElement("img", {src: data.logo}):'', data.name)
					), 
					React.createElement("div", {className: "box-body"}, 
						React.createElement("p", null, data.description || '暂无描述'), 
						React.createElement("p", {className: "box-date"}, "最后更新：", data.date), 
						React.createElement("div", {className: "clearfix"}), 
						React.createElement("button", {className: "btn btn-flat btn-primary pull-right"}, "查 看"), 
						React.createElement("button", {className: "btn btn-flat btn-default pull-right"}, "审 核"), 
						React.createElement("a", {href: "edit.html?id="+data.id, className: "box-setting pull-right"}, React.createElement("i", {className: "fa fa-gear"}))
					), 
					React.createElement("div", {className: "box-footer with-border"}, 
						React.createElement("span", null, "照片数: ", React.createElement("strong", null, data.photos)), 
						React.createElement("span", null, "用户数: ", React.createElement("strong", null, data.users))
					)
				)
			)
		)
	}
})
